<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
	<meta charset="utf-8"/>
	<title>Tables</title>
</head>
<body>

<table>
<colgroup>
<col style="text-align:left;" class="extended"/>
<col style="text-align:center;" class="extended"/>
</colgroup>

<thead>
<tr>
	<th> foo	</th>
	<th style="text-align:center;"> bar	</th>
</tr>
</thead>

<tbody>
<tr>
	<td> <em>foo</em>	</td>
	<td style="text-align:center;"> <em>bar</em>	</td>
</tr>
<tr>
	<td colspan="2"> <strong>foo bar</strong>	</td>
</tr>
</tbody>
</table>

<table>
<colgroup>
<col style="text-align:left;" class="extended"/>
<col style="text-align:right;" class="extended"/>
</colgroup>

<thead>
<tr>
	<th style="text-align:left;"> foo1 </th>
	<th style="text-align:right;"> bar1 </th>
</tr>
</thead>

<tbody>
<tr>
	<td style="text-align:left;"><em>foo</em> </td>
	<td style="text-align:right;"> <em>bar</em> </td>
</tr>
<tr>
	<td style="text-align:left;" colspan="2"> <strong>foo bar</strong> </td>
</tr>
</tbody>
</table>

<table>
<colgroup>
<col style="text-align:left;"/>
<col style="text-align:right;"/>
</colgroup>

<thead>
<tr>
	<th style="text-align:left;"> foo2 </th>
	<th style="text-align:right;"> bar2 </th>
</tr>
</thead>

<tbody>
<tr>
	<td style="text-align:left;"><em>foo</em> </td>
	<td style="text-align:right;"> <em>bar</em> </td>
</tr>
<tr>
	<td style="text-align:left;" colspan="2"> <strong>foo bar</strong> </td>
</tr>
</tbody>

<tbody>
<tr>
	<td style="text-align:left;"> foo3 </td>
	<td style="text-align:right;"> bar3 </td>
</tr>
<tr>
	<td style="text-align:left;"><em>foo</em> </td>
	<td style="text-align:right;"> <em>bar</em> </td>
</tr>
<tr>
	<td style="text-align:left;" colspan="2"> <strong>foo bar</strong> </td>
</tr>
</tbody>
</table>

<p>| foo4 | bar4 |<br />
<em>foo</em> | <em>bar</em> |<br />
| <strong>foo bar</strong> ||</p>

<p>5</p>

<table>
<colgroup>
<col style="text-align:left;"/>
<col style="text-align:right;"/>
</colgroup>

<thead>
<tr>
	<th style="text-align:left;"> foo5 </th>
	<th style="text-align:right;"> bar5 </th>
</tr>
</thead>

<tbody>
<tr>
	<td style="text-align:left;"><em>foo</em> </td>
	<td style="text-align:right;"> <em>bar</em> </td>
</tr>
<tr>
	<td style="text-align:left;" colspan="2"> <strong>foo bar</strong> | </td>
</tr>
</tbody>

<tbody>
<tr>
	<td style="text-align:left;"> foo6 </td>
	<td style="text-align:right;"> bar6 </td>
</tr>
<tr>
	<td style="text-align:left;"> :&#8212;- </td>
	<td style="text-align:right;"> &#8212;-: </td>
</tr>
<tr>
	<td style="text-align:left;"><em>foo</em> </td>
	<td style="text-align:right;"> <em>bar</em> </td>
</tr>
<tr>
	<td style="text-align:left;" colspan="2"> <strong>foo bar</strong> </td>
</tr>
</tbody>
</table>

<table id="bar">
<caption style="caption-side: bottom;"><em>caption</em></caption>
<colgroup>
<col />
<col />
</colgroup>

<thead>
<tr>
	<th> foo </th>
	<th> bar </th>
</tr>
</thead>

<tbody>
<tr>
	<td> foo </td>
	<td> bar </td>
</tr>
</tbody>
</table>

<table id="caption">
<caption style="caption-side: bottom;"><em>caption</em></caption>
<colgroup>
<col />
<col />
</colgroup>

<thead>
<tr>
	<th> foo </th>
	<th> bar </th>
</tr>
</thead>

<tbody>
<tr>
	<td> foo </td>
	<td> bar </td>
</tr>
</tbody>
</table>

<p><a href="#bar"><em>foo</em></a>
| foo | bar |
| &#8212; | &#8212; |
| foo | bar |</p>

<p>6</p>

<table id="bar">
<caption style="caption-side: bottom;"><em>caption</em></caption>
<colgroup>
<col />
<col />
</colgroup>

<thead>
</thead>

<tbody>
<tr>
	<td> foo </td>
	<td> bar </td>
</tr>
</tbody>
</table>

<ul>
<li>foo

<table>
<colgroup>
<col style="text-align:left;" class="extended"/>
<col style="text-align:center;" class="extended"/>
</colgroup>

<thead>
<tr>
	<th> foo	</th>
	<th style="text-align:center;"> bar	</th>
</tr>
</thead>

<tbody>
<tr>
	<td> <em>foo</em>	</td>
	<td style="text-align:center;"> <em>bar</em>	</td>
</tr>
<tr>
	<td colspan="2"> <strong>foo bar</strong>	</td>
</tr>
</tbody>
</table></li>
</ul>

<table id="notrailingnewline">
<caption style="caption-side: bottom;"><strong>no trailing newline</strong></caption>
<colgroup>
<col />
<col />
</colgroup>

<thead>
<tr>
	<th colspan="2"> bat </th>
</tr>
<tr>
	<th> foo </th>
	<th> bar </th>
</tr>
</thead>

<tbody>
<tr>
	<td> foo </td>
	<td> bar </td>
</tr>
</tbody>
</table>

</body>
</html>

